<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Raxan Framework Examples</title>
	<link href="../raxan/styles/master.css" rel="stylesheet" type="text/css" />
	<!--[if IE]><link rel="stylesheet" href="../raxan/styles/master.ie.css" type="text/css"><![endif]-->
</head>

<body>

    <div class="container c39 tpm">

    	<h1>The Raxan Framework</h1>
    	<hr />

		<p>Welcome to the Rich Ajax Application test pages.  Use the list below to test css and javascript features of the framework.</p>

		<div class="column panel c8">
			<div class="pb1"></div><div class="pb2"></div><div class="pm1">
				<h5 class="pnl-header">Table of Content</h5>
				<ul class="hlf-pad">
					<li><a href="../docs/index.html">Overview</a></li>
					<li><a href="../docs/getting-started.html">Getting Started</a></li>
					<li><a href="../docs/your-first-page.html">Your First Page</a></li>
					<li><a href="../docs/code-behind.html">Code-Behind Page</a></li>
					<li><a href="../docs/quick-reference-css.html">CSS Framework</a></li>
					<li><a href="../docs/quick-reference-htmlobject.html">Quick Reference</a></li>
					<li class="lightgray"><a href="../css-examples/index.html">Examples</a></li>
					<li><a href="../docs/plugins.html">Rich Plugins</a></li>
					<li><a href="../docs/vision.html">The Vision</a></li>
					<li><a href="../docs/roadmap.html">The Roadmap</a></li>
					<li><a href="../docs/credits.html">Credits/Ackns.</a></li>
				</ul>
			</div><div class="pb2 pb3"></div><div class="pb1 pb4"></div>
		</div>


		<table class="column c30 last border">
			<tr>
				<th class="c8">Name</th><th>Description</th>
			</tr>

			<tr>
				<td><a href="sample-page.html">Sample Page</a></td><td>Provides a sample of some of the css classes and layout features of the framework</td>
			</tr>

			<tr class="even">
				<td><a href="grid-cells.html">Grid Cells</a></td><td>Demo page showing basic grid cell/column layout</td>
			</tr>

			<tr>
				<td><a href="grid-cell-width.html">Cell Column Width</a></td><td>Grid cell/column width test page</td>
			</tr>

			<tr class="even">
				<td><a href="grid-cell-height.html">Cell Row Height</a></td><td>Grid cell row height test page</td>
			</tr>

			<tr>
				<td><a href="elastic.html">Elastic Layouts</a></td><td>Basic example of how to create liquid layouts with fixed width sidebars</td>
			</tr>

			<tr class="even">
				<td><a href="elastic-grid.html">Elastic Grid Cells</a></td><td>Example showing boxes, panels ,lists, headers, tables, etc</td>
			</tr>

			<tr>
				<td><a href="html-elements.html">Common Elements</a></td><td>Example showing boxes, panels ,lists, headers, tables, etc</td>
			</tr>

			<tr>
				<td colspan="2"><strong>Interactive Examples</strong></td>
			</tr>

			<tr class="even">
				<td><a href="dragbox.html">Drag Box</a></td><td>An example showing the use of the jQuery UI interactive APIs</td>
			</tr>

			<tr>
				<td><a href="bounce.html">Bouncing Ball</a></td><td>An example showing how to combine Physics, jQuery and the CSS framework to create an interactive user experience. </td>
			</tr>

			<tr class="even">
				<td><a href="buttons.html">Buttons</a></td><td>Creating button elements with the css framework</td>
			</tr>

			<tr >
				<td><a href="webform.html">Web Form</a></td><td>A basic web form example</td>
			</tr>

			<tr class="even">
				<td><a href="list.html">Data Entry</a></td><td>Sample data entry web page.</td>
			</tr>

			<tr>
				<td><a href="textboxes.html">Textbox Input</a></td><td>Textbox and Textarea demo</td>
			</tr>

			<tr class="even">
				<td><a href="shadow.html">Shadow Box</a></td><td>Creating a box with drop shadow effect</td>
			</tr>

			<tr>
				<td><a href="toolbar.html">Toolbar</a></td><td>A simple web form with nested toolbar</td>
			</tr>

			<tr class="even">
				<td><a href="tables.html">HTML Table</a></td><td>Table with hover effect.</td>
			</tr>

            <tr>
				<td><a href="sortable-columns.html">Sortable Columns</a></td><td>Rearrange div blocks by dragging and dropping them across columns.</td>
			</tr>

			<tr>
				<td colspan="2"><strong>Plugin Examples</strong></td>
			</tr>

            <tr class="even">
				<td><a href="rich-cursor.html">Cursor</a></td><td>An example of how to use the cursor plugin.</td>
			</tr>

            <tr>
				<td><a href="rich-tabstrip.html">TabStrip</a></td><td>An example of how to add multiple TabStrips to a page</td>
			</tr>

            <tr class="even">
				<td><a href="rich-tabstrip-explorer.html">TabStrip Explorer</a></td><td>Explore the features of the TabStrip plugins. Learn how to create themes and animations and how to use autopilot features</td>
			</tr>

            <tr>
				<td><a href="toolbar.html">Toolbar </a></td><td>Toolbar plugin demo.</td>
			</tr>

            <tr class="even">
				<td><a href="rich-tabstrip-explorer.html">...</a></td><td>...</td>
			</tr>

			<tr>
				<td colspan="2"><strong>Test scripts</strong></td>
			</tr>

			<tr class="even">
				<td><a href="../test/test.html">Test #1</a></td><td>Test Dynamic loading, etc.</td>
			</tr>

			<tr>
				<td><a href="../test/test-startup.html">Test #2</a></td><td>Test browser events (ready, load and unload) and dynamic loading of multiple script files</td>
			</tr>

		</table>

		<div class="box clear bmm">
			For more informations please visit the
			<a href="http://raxanpdi.com">Raxan Website</a>.
		</div>

    </div>

</body>

</html>